<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <link rel="stylesheet" href="../../ht-css/combo.select.css">
    <title>权限管理</title>
    <style>
        .relation {
            background: #FFFFFF;
            border: 1px solid #00a0e9;
        }

        .relation li {
            line-height: 2;
        }

        .relation li:hover {
            background: #00a0e9;
            color: #FFFFFF;
        }

        .guanlian {
            position: absolute;
            top: 35px;
            width: 100%;
            overflow-y: scroll;
            max-height: 150px;
            display: none;
        }

        .guanlian li {
            text-indent: 20px;
        }
    </style>
</head>
<body>
<div class="pd-30">
    <div style="position: relative">
        <input type="text" class="input-text radius" name="moli" placeholder="请输入角色名称进行添加" onfocus="myFunction()"
               id="rolename">
        <ul class="relation radius guanlian" id="tuan1">
            <li>无数据</li>
        </ul>
    </div>
    <div class="mt-20">
        <strong>已添加：</strong>
    </div>
    <div class="mt-10 roles-tab" id="codeWrap"></div>
</div>
<div class="text-c pd-20">
    <button onclick="save()" class="btn btn-secondary radius">&nbsp;&nbsp;确认&nbsp;&nbsp;</button>
    <button onclick="cel()" class="btn radius ml-10" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
</div>
</body>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.combo.select.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/access/account_form.js?rev=@@hash"></script>
<script type="text/javascript">
    /*取消*/
    function cel() {
        var index = parent.location.reload();
        parent.layer.close(index);
    }
</script>
</html>